{% import 'components/PaperStack/PaperStackItem.html' as PaperStackItem %}

{% macro render(id) %}
  <section id="{{ id }}" class="{{ id }}">
    <article class="PaperStackWrapper">
      <ul class="PaperStack">
        {{ PaperStackItem.render('one',   {index: 1, draggable: true}) }}
        {{ PaperStackItem.render('two',   {index: 2, draggable: true}) }}
        {{ PaperStackItem.render('three', {index: 3, draggable: true}) }}
        {{ PaperStackItem.render('four',  {index: 4, draggable: true}) }}
      </ul>
    </article>
  </section>
{% endmacro %}
